﻿<html>
<head>
   <title>CSS Sample</title>
   <style>
      body
      {
         background-color:tan;
         color: #EE015;
         text-align: center;
         font-size: 22px;
      }
      section
      {
         width: 85%;
         border: 4px #00FF63 solid;
         text-align: left;
         padding: 5px;
         margin: 10px;
         background-color: White;
      }
      p
      {
         width: 250px;
      }
   </style>
</head>
<body>
The background here is tan and the text is the totally arbitrary RED GREEN BLUE value #EE015.<br />
<section>
   Within the section, the background color is white. There is text with
   additional HTML markup, followed by a paragraph with text.Then, outside the section there will be text,
   followd by an image, more text and then a hyperlink.<p>The border color of the section matches the color
   of the image.</p>
</section>
<br />
I love optimus prime. The next image is a picture of MP-10 Optimus Prime.<br />
<img src="Resources/Optimus.jpg" /><br />Get more information from here:
<a href="http://www.actoys.net/article-3154-1.html">ACtoy <img src="Resources/logo.png" /></a>
</body>
</html>
